<!doctype html>
<!--
    @license
    Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
    This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
    The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
    The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
    Code distributed by Google as part of the polymer project is also
    subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
-->
<html>
  <head>
    <title></title>
    <meta charset="UTF-8">
    <script src="../webcomponents-loader.js"></script>
    <script src="../../web-component-tester/browser.js"></script>
  </head>
  <body>
    <script>
      test('import upgrade async', function(done) {

        function testImports() {
          // import upgraded
          assert.ok(a1);
          assert.isTrue(isA1Upgraded);
          // order expected
          assert.deepEqual(a1DocsList, ['a1-instance.html', 'a1-reference.html']);
          // style applied at upgrade time
          if (window.HTMLImports) {
            assert.isTrue(styleAppliedToDocument);
          }
          done();
        }

        // be async
        setTimeout(function() {
          var l = document.createElement('link');
          l.rel = 'import';
          l.href = 'imports/a1-import.html';
          l.addEventListener('load', testImports);
          document.head.appendChild(l);
        });
      });
    </script>
  </body>
</html>
